<template>
  <div></div>
  <router-view></router-view>
</template>

<script lang="ts" setup>
//每次项目启动  或者页面刷新都会触发
//判断用户有没有路由  有就直接使用  没有就算了
import { MenuStore } from "./stores";
import { useRouter, useRoute } from "vue-router";
let useMenu = MenuStore(); //全局状态
let router = useRouter(); //全局的路由
let route = useRoute(); //当前页面的路由
let menu: any = window.localStorage.getItem("menu");
import coms from "@/components";
if (menu) {
  menu = JSON.parse(menu);
  useMenu.menuListInit(menu); //设置刷新以后的导航
  //设置刷新以后的路由
  let item = menu[0]; //默认的第一个
  let component = item.component;
  //删除之前的路由的信息
  // router.removeRoute("defaultmain");
  // //设置默认路由
  // router.addRoute("main", {
  //   path: "",
  //   name: "defaultmain",
  //   component: coms[component],
  // }); //添加了一个默认地址
  menu.forEach((item: any) => {
    router.addRoute("main", {
      path: item.path,
      name: item.path,
      component: coms[item.component],
    });
  });
  router.push(window.location.hash.substring(1));
}
</script>
